<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <video src="http://localhost:8083/air" width="300px" height="300px" controls>browser can not support</video>
    <img src="../static/test.png">
</body>
<!-- 嵌入视频 --> 
<video id="myVideo"> 
    <source src="conference.webm" type="video/webm; codecs='vp8, vorbis'"> 
    <source src="conference.ogv" type="video/ogg; codecs='theora, vorbis'"> 
    <source src="conference.mpg"> 
    Video player not available. 
   </video> 
   <!-- 嵌入音频 --> 
   <audio id="myAudio"> 
    <source src="song.ogg" type="audio/ogg"> 
    <source src="song.mp3" type="audio/mpeg"> 
    Audio player not available. 
   </audio>
<script>
    // HTML5 新增了两个与媒体相关的元素，即<audio>和<video>，从而为浏览器提供了嵌入音频和视频的统一解决方案。
    // 这两个元素既支持 Web 开发者在页面中嵌入媒体文件，也支持 JavaScript 实现对媒体的自定义控制
    // audio和video常用属性
    //  src 属性，以表示要加载的媒体文件。
    //  width 和 height 属性，播放器的大小
    //  poster 属性，在视频加载期间显示图片 URI
    //  controls属性，表示浏览器应该显示播放界面，让用户可以直接控制媒体
    // 开始和结束标签之间的内容是在媒体播放器不可用时显示的替代内容。
    // 由于浏览器支持的媒体格式不同，因此可以指定多个不同的媒体源。为此，需要从元素中删除 src属性，使用一个或多个<source>元素代替，
</script>
</html>